<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>文案</title>
<link rel="stylesheet" href="../css/Copywriting.css"> 
<link rel="icon" type="image/x-ico" href="../ico/文案图标.ico"/>

<style>
    #example1 {
        background-image: url(../image/背景1.jpg);
        background-position: right bottom, left top;
        background-repeat: no-repeat, repeat;
        border-style:inset;
        border-color: black;
        margin-bottom:10px;
        padding: 50px;
    }

    #example2 {
        background-image: url(../image/背景2.png);
        background-position: 100% bottom, left top;
        background-repeat: no-repeat, repeat;
        border-style:inset;
        border-color: black;
        margin-bottom:10px;
        padding: 50px;
    }

    #example3 {
        background-image: url(../image/背景3.png);
        background-position: right -540px, left top;
        background-repeat: no-repeat, repeat;
        border-style:inset;
        border-color: black;
        margin-bottom:10px;
        padding: 50px;
    }   

    #example4 {
        background-image: url(../image/背景4.png);
        background-position: right bottom, left top;
        background-repeat: no-repeat, repeat;
        border-style:inset;
        border-color: black;
        margin-bottom:10px;
        padding: 50px;
    } 

    #example5{
    background-image: url(../image/背景5.png);
    background-position: right -200px, left top;
    background-repeat: no-repeat, repeat;
    border-style:inset;
    border-color: black;
    margin-bottom: 10px;
    padding: 50px;
   }

   #example6{
    background-image: url(../image/背景6.png);
    background-position: -300px, left top;
    background-repeat: no-repeat, repeat;
    border-style:inset;
    border-color: black;
    margin-bottom: 10px;
    padding: 50px;
   }
</style>

</head>

<body>
    <div id="example1">
        <h1 class="text-position">两情若是久长时,</h1>
        <h1 class="text-position">又岂在朝朝暮暮?</h1>
    </div>

    <div id="example2">
        <h1 class="text-position">写歌的人在写故事,</h1>
        <h1 class="text-position">听歌的人在回忆往事.</h1>
    </div>

    <div id="example3">
        <h1 class="text-position">再见了</h1>
        <h1 class="text-position">蒲公英一般的誓言.</h1>
    </div>

    <div id="example4">
        <h1 class="text-position">《喜欢》</h1>
        <h2 class="text-position">她回不回消息是她的事,</h2>
        <h2 class="text-position">毕竟是我喜欢人家,不是人家喜欢我.</h2>
    </div>

    <div id="example5">
        <h1 class="text-position">可你不知道</h1>
        <h2 class="text-position">所有人都在劝我没结果要放手的时候,</h2>
        <h2 class="text-position">我都是捂着耳朵在爱你.</h2>
    </div>

    <div id="example6">
        <h1 class="text-position">《暧昧》</h1>
        <h2 class="text-position">如果我只想跟你搞暧昧就好了,</h2>
        <h2 class="text-position"> 可是我太贪心了 我想跟你吃早餐晚餐牵手散步 我想你心里只有我 我想跟你在一起.</h2>
    </div>
</body>
</html>